{extend name="public/layout"}
{block name="title"}我要捐赠{/block}
{block name="head"}
<style>
    html,body{
        background-color: #fff;
    }
    .banner{
        height: 3.744rem;
        background: url("/images/banners/donate_banner.png") no-repeat center center;
        background-size: cover;
    }
    .toolbar{
        font-size:0.26rem;
    }
    .line{
        width:16px;
        display: inline-block;
        border-bottom: 1px solid #333;
        top:-0.08rem;
        position: relative;
    }
    .panel-body{
        font-size:0.26880000000000004rem;
    }
</style>
{/block}
{block name="content"}
<div class="banner">

</div>
<div class="flex toolbar border-b">
    <a class="flex-con" href="{:U('home')}">
        <img src="/images/icons/pros1.png" alt="">
        项目详情
    </a>
    <div class="flex-con active">
        <img src="/images/icons/love2.png" alt="">
        捐赠权利
    </div>
    <a class="flex-con" href="{:U('msg')}">
        <img src="/images/icons/msg1.png" alt="">
        环保留言
    </a>
</div>
<div class="hr"></div>
<div class="border-t panel">
    <div class="h0 b title-line">捐赠权利</div>
    <div class="panel-body h1">
        <p>
            <span class="text-primary">5元</span> <span class="line"></span> 每10名当中抽随机抽取1名幸运者获得海洋爱心小礼物一份，每100名随机抽取1名获得1株珊瑚的命名权。
        </p>
        <p>
            <span class="text-primary">10元</span> <span class="line"></span> 每5名当中抽随机抽取1名幸运者获得海洋爱心小礼物一份，每50名随机抽取1名获得1株珊瑚的命名权。
        </p>
        <p>
            <span class="text-primary">50元</span> <span class="line"></span> 可获得海洋爱心小礼物一份，每10名随机抽取1名获得1株珊瑚的命名权。
        </p>
        <p>
            <span class="text-primary">100元</span> <span class="line"></span> 可获得海洋爱心小礼物一份，每5名随机抽取1名获得1株珊瑚的命名权。

        </p>

    </div>
</div>
<div class="btn-block-area">
    <a class="btn-primary dock-bottom btn-block" href="{:U('donate')}">
        <img src="/images/icons/donate.png" alt="">
        我要捐赠
    </a>
</div>

{/block}